@default_bg_clor_main: #89FFB0;
@default_font_size:14px;
@default_font_family: "Cambria", 'Times New Roman';
@nav_font_family: 'Monotype Corsiva';
@header_h1_color: #CBEFDB;
@nav-bg-color-from: #0C710D;
@default-font-color: #123456;

.linear-cradient(@from-color, @from-pos, @to-color, @to-pos ){
	background: @from-color; /* Old browsers */
background: -moz-linear-gradient(top,  @from-color @from-pos, @to-color @to-pos); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(@from-pos,@from-color), color-stop(@to-pos,@to-color)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  @from-color @from-pos, @to-color @to-pos); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  @from-color @from-pos,@to-color @to-pos); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  @from-color @from-pos,@to-color @to-pos); /* IE10+ */
background: linear-gradient(to bottom,  @from-color @from-pos,@to-color @to-pos); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@from-color', endColorstr='@to-color',GradientType=0 ); /* IE6-9 */

}

.clearfix() {
    zoom: 1;

    &:after {
        display: block;
        height: 0;
        content: "";
        height: 0;
    }
}

body, div, header, footer,  h1, h2, ul, li, section, article,a, p, div, nav, aside, strong, em{
	margin:0;
	padding:0;
	color:@default-font-color;
}

section, article, footer, nav, aside{
	display:block;
}

html, body, div#wrapper{
	height:100%;
}
body{
	background-color: @default_bg_clor_main;
	font-family:@default_font_family;
	font-size: @default_font_size;

}

div#wrapper {
	position:relative;
	height: 100%;
    header {
			
			


        &#site-header {
            .linear-cradient(@nav-bg-color-from, 0%, @default_bg_clor_main, 100% );
			padding-top: 25px;
			padding-left: 25px;
			margin-bottom: 50px;

            h1 {
                color: @header_h1_color;
                font-size: 2.7em;
            }
        }

        nav {
			font-family:@nav_font_family;
			font-size:1.9em;
			padding-left: 15px;
			

			ul{
				list-style-type: none;

				li{
					display: inline-block;
					border: none;
					border-right: 1px solid black;
					padding: 5px;
					
					&:hover a{
						text-decoration: underline;
					}					
					

					&:last-of-type{
						border: none;
					}

					a{
						text-decoration: none;
						color:@default-font-color;
					}
				}
			}
        }
    }

    aside {

		border: 1px solid black;
		border-radius: 10px;
		width: 140px;
		.linear-cradient(@default_bg_clor_main, 0%, #edfff2, 100% );
		padding: 5px;

		h2{
			text-align:center;
			font-size: 1.8em;
		}
		
		ul{
			margin-top: 15px;
			margin-left: 10px;

			li{
				a{
					text-decoration: none;
					color: @default-font-color;

					&:hover{
						text-decoration: underline;
					}
				}
			}
		}
		&.left{
			float:left;
			margin-left: 35px;
		}

		&.right{
			float:right;
			margin-right: 35px;
		}
    }

    section {
		margin: 0 auto;
        width: 1200px;
        position: relative;
        display: block;
        .clearfix;

		article{

			header{

				h1{
					font-size: 1.7em;
				}
			}

			div{

				p{
					text-indent: 2em;
				}

				ul{
					list-style-type: none;
					li{
						margin-top: 10px;

						h2{
							font-size: 1.3em;
							margin-left: 20px;
						}
						
					}
				}

			}

		}

    }

    footer {
		display: block;
            position: absolute;
            height: 40px;
            margin: 0 auto;
            bottom: 0;
            text-align: center;
            width: 100%;
            background-color: @default_bg_clor_main;

		h2{
			text-align:center;
		}
    }
}